<!--Page d'accueil du jeu du chifoumi-->
<!--on inclue le header qui contient la bannière du site-->
<?php
include 'header.html'
?>

<!--menu -->
<nav>
    <ul>
        <li><a href="index.php">Accueil</a></li>
        <li><a href="regles.php">Règles</a></li>
        <li><a href="documentation.php">Documentation</a></li>
    </ul>
</nav>

<!--div principale qui contient le jeu-->
<article>

    <section id="jeu">

        <p id="bienvenue">Bienvenue sur la page d'accueil du jeu de chifoumi.</p>

        <!--bouton qui permet de faire afficher le jeu-->
        <form id="play" name="jouer" action="#" method="post" class="bouton">
            <p>
                <a id="bplay" href="#" onclick="">Jouer</a>
            </p>
        </form>

        <section id="coup">

            <!--formulaire qui permet au joueur de faire son choix-->
            <form id="jeu_user" method="post" action="#" >
                <fieldset id="joueur">
                    <legend>Coup Joueur</legend>
                    <a href="#" id="pap"><img id="papier" src="./img/1.png" alt="papier" class="imgclic"/></a>
                    <a href="#" id="cai"><img id="caillou" src="./img/2.png" alt="caillou" class="imgclic"/></a>                 
                    <a href="#" id="cis"><img id="ciseaux" src="./img/3.png" alt="ciseaux" class="imgclic"/></a>
                </fieldset>
            </form>

            <div id="gain">
                
                <!--paragraphe qui affiche le nom du tour courant-->
                <p id="nomGagnant">Gagnant</p>

                <!--formulaire qui affiche le bouton prochain round -->
                <form id="form_tourSuivant" action="#" method="post" class="bouton">
                    <p>
                        <a id="tourSuivant" class="replay" href="#" onclick="">Tour suivant</a>
                    </p>
                </form>
            </div>

            <!--formulaire qui permet à l'ordinateur de faire son choix-->
            <form id="jeu_computer" method="post" action="#" >
                <fieldset id="ordi">
                    <legend>Coup Ordinateur</legend>
                    <img id='1'src="./img/point.png" alt="papier"/>
                </fieldset>
            </form>

            <!--formulaire qui affiche le bouton recommencer -->
            <form id="form_recommencer" name="rejouer" action="#" method="post" class="bouton">
                <p>
                    <a id="recommencer" class="replay" href="#" onclick="">Recommencer</a>
                </p>
            </form>

            <!-- section qui va contenir le tableau des scores-->
            <table id="score">
            </table>
            <br />
        </section>

</article>

<!--pied de page du site-->
<?php
include 'footer.html'
?>
</body>

</html>
